
body {
    padding-bottom: 1.36rem;
    background: #fff;
}
.tabs {
  width: 100%;
  height: 1.3rem;
  overflow: hidden;
  text-align: center;
  background: #ffffff;
  z-index: 10;

 }
.tabs > .nav-swiper-container > .swiper-wrapper > .swiper-slide {
    
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    height: 0.8rem;
    padding: 0 0.2rem;
    margin: 0.3rem  0 0 1.6rem;
    line-height: 0.8rem;
    font-size: 0.4rem;
    color: #666666; 
    
}
.tabs > .nav-swiper-container > .swiper-wrapper >.active {
      color: #dc3838; 
      border-bottom: 0.05333333rem solid #dc3838;
}
 
/*今日推荐*/
.tody {
  background: #f4f5fa;
  padding-top: 0.2666666667rem;
  height: 5.066666667rem;
  padding-bottom: 0.2666666667rem;
  width: 10rem;
}
.tody-re {
  height: 4.85rem;
  background: #ffffff;
  padding-bottom: 0.4rem;
}
.tody-item > h4 {
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.4rem;
  padding: 0.466666667rem 0 0.466666667rem 0.4rem;
}
.tody-cp {
  padding: 0.09333333rem 0rem 0.4rem 0.4rem;
  overflow: hidden;
}
.swiper-container {
  overflow: visible !important;
}
.tody-cp > .swiper-container {
  width: 100%;
  height: 100%;
}
.tody-cp > .swiper-container > .swiper-wrapper > .swiper-slide{
  width: 7.1733333333rem !important;
  margin-right: 0.2666667rem !important;
  float: left;
  display: inline-block;
}
.tody-con {
  width: 7.17333333rem;
  height: 3rem;
  padding: 0.26666667rem 0.37333333rem;
  border: 0.0133333rem solid #30ca73;
  border-radius: 0.05rem;
  box-sizing: border-box !important;
  box-shadow:  0.053333333rem 0.053333333rem 0.05666666667rem 0.01333333rem rgba(0, 0, 0, 0.15);
}
.tody-con > .tody-top > .tody-icon ,.tody-con > .tody-top > .tody-icon >img {
  width: 1.86666667rem;
  height: 0.5333333rem;
  float: left;
}
.tody-con > .tody-top > .tody-sug {
  background: url('../images/sugBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  float: right;
}
/*推荐投*/
.hot-sug {
  background: url('../images/sugBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  float: right;
}
/*放心投*/
.btn-set {
  background: url('../images/heartBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  float: right;
}
/*谨慎投*/
.btn-pru {
  background: url('../images/careBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  float: right;
}
/*不要投*/
.btn-no {
  background: url('../images/noBtn.png') 0 0 no-repeat;
 background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  float: right;
}
/*推荐投*/
.hot-top > .hot-sug {
  background: url('../images/sugBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  position: relative;
  top: -0.13rem;
  left: 0.16rem;
  float: left;
}
/*放心投*/
.hot-top > .btn-set {
  background: url('../images/heartBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  position: relative;
  top: -0.1rem;
  left: 0.16rem;
  float: left;
}
/*谨慎投*/
.hot-top > .btn-pru {
  background: url('../images/careBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  position: relative;
  top: -0.13rem;
  left: 0.16rem;
  float: left;
}
/*不要投*/
.hot-top > .btn-no {
  background: url('../images/noBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  position: relative;
  top: -0.13rem;
  left: 0.16rem;
  float: left;
}
.tody-con > .tody-top > .tody-sug > p {
  line-height: 0.66666667rem;
}
.tody-con > .tody-bottom {
  padding-top: 1.1rem;
}
.tody-con > .tody-bottom >ul >li {
  display: inline-block;
}
.tody-con > .tody-bottom >ul >li >.tody-part {
    padding: 0 0.15rem;
    text-align: center;    
    display: inline-block;
}
.tody-con > .tody-bottom >ul >li >.tody-part >h4 {
  color: #dc3838;
  font-size: 0.64rem;
  font-weight: bold;
  font-family: "Din Pro Bold";
}
.tody-con > .tody-bottom >ul >li >.tody-part > p {
  color: #a1a1a1;
  font-size: 0.32rem;
  padding : 0.2333333rem 0;
}
.tody-con > .tody-bottom >ul >li > span {
  display: inline-block;
  width: 0.106666667rem;
  height: 0.64rem;
  border-right: 0.026666667rem solid #e5e5e5;
  margin-right: 0.1066666667rem;
}

/*热门圈子*/
.hot-circle {
  padding-top: 0.26666667rem;
  padding-bottom: 0.26666667rem;
  width: 100%;
  background: #f4f5fa;
  
}
.hot-pro {
  width: 100%;
  background: #ffffff;
}
.hot-pro > .hot-title {
  height: 1.306666667rem;
  border-bottom: 0.013333333rem solid #e5e5e5;
}
.hot-pro > .hot-title > h4 {
font-size: 0.4rem;
color: black;
font-weight: bold;
line-height: 1.306666667rem;
padding-left: 0.4rem;
}
.hot-detail > ul > li {
  background: #ffffff;
  height: 3.16rem;
  border-bottom: 0.013333333rem solid #e5e5e5;
} 
.hot-con {
  height: 3.16rem;
  padding: 0.41333333rem 0.4rem 0.41333333rem 0.4rem;
  
}
.hot-con > .hot-top > .hot-icon ,.hot-con > .hot-top > .hot-icon >img {
  width: 1.86666667rem;
  height: 0.5333333rem;
  float: left;
}
.hot-con > .hot-top > .hot-icon > .hot-circle {
  display: inline-block;
  padding-left: 0.34666667rem;
  background: #cce6ff;
  color: #0084ff;
  width: 1.4933333rem;
  height: 0.46666667rem;
  float: left;
  position: relative;
  top: -0.45rem;
  left: 3.9rem;
  text-align: center;
  border-radius: 0.03rem;
  overflow: hidden;
}
.hot-con > .hot-top > .hot-icon > span > p {
  font-size: 0.2933333rem;
  width: 1.4933333rem;
  height: 0.46666667rem;
  position: relative;
  right: 0.325rem;
  top: -0.15rem;
}

.hot-con > .hot-top > .hot-sug > p {
  line-height: 0.66666667rem;
}
.hot-con > .hot-bottom {
  padding-top: 1.1rem;
      position: relative;
    top: -0.4rem;
}
.hot-con > .hot-bottom >ul >li {
  display: inline-block;
}
.hot-con > .hot-bottom >ul >li >.hot-part {
    padding: 0 0.32rem;
    text-align: center;    
    display: inline-block;
    position: relative;
    top: -0.24rem;
}
.hot-con > .hot-bottom >ul >li >.hot-person {
  top: 0.02rem !important;
  float: right;
  width: 3rem;
}
.hot-con > .hot-bottom >ul >li >.hot-part >h4 {
  color: #dc3838;
  font-size: 0.64rem;
  font-weight: bold;
  font-family: "Din Pro Bold";
  position: relative;
  top: -0.24rem;
}
.hot-detail >ul >li > a {
  display: inline-block;
}
.hot-person {
  width: 2rem;
  display: inline-block;
  text-align: center;
  float: right;
  position: relative;
  top: 0.51rem;
  margin-right: 0.6rem;
}
.hot-person > img {
  width: 1.7333333333rem;
  height: 1.7333333333rem;
  border-radius: 0.8666666667rem;
}
.hot-person > p {
 color: #a1a1a1;
  font-size: 0.32rem;
  padding : 0.2333333rem 0;
  position: relative;
  top: -0.24rem; 
}
.hot-con > .hot-bottom >ul >li >.hot-part > p {
  color: #a1a1a1;
  font-size: 0.32rem;
  padding : 0.2333333rem 0;
  position: relative;
  top: -0.24rem;
}
.hot-con > .hot-bottom >ul >li > span {
  display: inline-block;
  width: 0.176666667rem;
  height: 0.64rem;
  border-right: 0.026666667rem solid #e5e5e5;
  margin-right: 0.2766666667rem;
}

/*投顾*/
.item-two {
display: none;
margin-bottom: 0.26666667rem;
}

.invest {
  background: #f4f5fa;
  width: 10rem;
}
.invest > a > img {
  width: 9.466666667rem;
  height: 2.933333333rem;
  margin: 0.2666666667rem;
  border: 0.106666667rem;
  overflow: hidden;
}
.invest-adviser > .adviser-list >ul >li{
  background: #ffffff;
  padding: 0.4rem;
  height: 4rem;
  border-bottom: 0.01333333rem solid #e5e5e5;
}
.ad-top > .ad-icon {
  display: inline-block;
  margin-left: 0.066666667rem;
  margin-right: 0.4rem;
  float: left;
}
.ad-top > .ad-icon > img {
  width: 1.7333333rem;
  height: 1.73333333rem;
  border-radius: 0.866666667rem;
  overflow: hidden;
}
.ad-top > .ad-item {
  display: inline-block;
  float: left;
  position: relative;
  top: -0.2rem;
}
.ad-top > .ad-item >h4 {
  font-size: 0.44rem;
  font-weight: bold;
  display: inline-block;
}
.ad-top > .ad-item > img {
  width: 0.426666667rem;
  height: 0.426666667rem;
  display: inline-block;
  position: relative;
  top: 0.0933333333rem;
}
.ad-top > .ad-item > p {
  font-size: 0.37333333rem;
  color: #666666;
  margin-top: 0.213333333rem;
}
.ad-top > .ad-item > span {
  font-size: 0.37333333rem;
  font-weight: bold;
  font-family: "Din Pro Bold";
  color: #da3838;
  display: inline-block;
  position: relative;
  top: -0.89rem;
  left: 0.9333333rem;
}
.ad-top > .active {
  background: #cfcfcf;
}
.ad-btn {
  float: right;
  width: 1.6rem;
  height: 0.64rem;
  border-radius: 0.64rem;
  background: #dc3838;
  color: #ffffff;
  text-align: center;
  padding-top: 0.1466666667rem;
  margin-top: 0.54rem;
  font-size: 0.37333333rem;
}
.ad-center {
  float: left;
  position: relative;
  top: -1.1rem;
}
.ad-center > ul >li {
display: inline-block;
}
.ad-center > ul >li > .ad-sug {
  display: inline-block;
  color: #666666;
  font-size: 0.3333333rem;
}
.ad-center > ul >li > span {
  font-size: 0.33333333rem;
  color: #333333;
  display: inline-block;
  padding-right: 0.2266666667rem;
  border-right: 0.01333333rem solid #333333;
}
.ad-center > ul >li:last-child > span{
  border: none !important;
}
.ad-bottom {
  font-size: 0.33333333rem;
  color: #999999;
  float: left;
  position: relative;
  top: -0.8rem;
}
.layui-m-layerbtn > span{
  color: black !important;
}

/*.layui-m-layer0 .layui-m-layerchild {
  width: 0rem !important;
  height: 5.5866666667rem;
}
.layui-m-layercont{
  padding : 0 !important;
  width: 6.666666667rem !important;
  height: 5.5866666667rem;
  position: relative;
  left: 
}*/
.baishitie {
   display: none;
    position: fixed;
    top: -2%;
    z-index: 10000000;
    width: 10rem;
    background: url('../images/short-bg.png') 0 0;
    text-align: center;
}
.suc-mon {
   display: none;
    position: fixed;
    top: -2%;
    z-index: 100000000;
    width: 10rem;
    height: 17.78666666667rem;
    background: url('../images/short-bg.png') 0 0;
    text-align: center;
}
.s-item {
  background: #fff;
  width: 6.666666667rem !important;
  height: 5.5866666667rem;
  position: relative;
  left: 1.6rem;
  /*left: 4.2rem;*/
  top: 40%;
}
.s-title {
  height: 4.14666666667rem;
  width: 7.5666666667rem;
  position: relative;
  top: -3rem;
  left: -0.5rem;
}
.s-title > img {
  height: 4.14666666667rem;
  width: 7.57333333333rem;
}
.s-con {
  text-align: center;
  font-size: 0.5066666667rem;
  line-height: 0.8rem;
  color: #333333;
  padding-bottom: 0.166666667rem;
  position: relative;
  top: -3rem;

}
.s-con > p > span {
  color: #0084FF;
}
.s-mon {
  width: 3.04rem;
  height: 1.013333333rem;
  font-size: 0.50666666667rem;
  border-radius: 0.506666666667rem;
  text-align: center;
  border: 0.0133333333rem solid #FFBB4A ;
  color: #FFBB4A ;
  position: relative;
  top: -3rem;
  left: 1.76333333335rem;
}
.s-mon {
  line-height: 1.0133333333rem;
}
.s-btn {
  height: 0.8rem;
  width: 3.733333333rem;
  background: #dc3838;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 0.4266666667rem;
  text-align: center;
  line-height: 0.8rem;
  position: relative;
  top: -2.6rem;
  display: inline-block;
}
.third-con {
  top: -2.4rem;
}
.third-btn {
  top: -2rem;
}
/*.bs-wrap{
  width: 7.86666666667rem !important;
  height: 13.5066666666667rem;
}
.bs-item {
  padding: 0 !important;
  height: 13.506666666667rem;
}*/
.bs {
  position: relative;
  top: 2.14rem;
}
.bs > img {
  width: 7.86666666667rem;
  height: 13.50666666667rem;
}
.bs-con {
/*  width: 4.166666667rem;*/
  height: 6rem;
  font-size: 0.366666666667rem;
  color: #fff;
  position: relative;
  top: -35em;
  left: -4rem;
}
.bs-con > p {
  float: right;
  text-align: right;
  width: 0.5rem;
  height: 5rem;
}
.bs-con > span {
  display: inline-block;
  width: 0.6rem;
}
.bs-con > p > span {
  color: #ffce80;
}

.bs-btn {
  position: relative;
  top: -12rem;
  left: 2.333333rem;
  font-size: 0.42666666666rem;
  width: 5.2rem;
  height: 0.96rem;
  text-align: center;

}
.bs-btn > p {
  width: 5.2rem;
  height: 0.96rem;
  line-height: 0.96rem;
  text-align: center; 
  border-radius: 0.056666667rem;
}
.bs-btn > .kaolv {
  color: #fff8e6;
  background: #e56e6e;
  border:  0.0133333333rem solid #fff8e6;
  margin-bottom: 0.2rem;
}
.bs-btn > .chengshang {
  color: #e56e6e;
  background: #fff8e6;
  border: 0.01333333333rem solid #e56e6e;
}
